<template>
	<div class="cl">
		<div class="ng-div-1">
			<label><span style="color: red;">*</span>著作权人身份证明：</label>
			<!-- <div id="uploader" style="margin-left:10px"></div> -->
			<Upload 
			:max-size="50*1024*1024"
			:default-file-list="defaultList"
			:on-success="handleSuccess"
			id="file_upload" action="//jsonplaceholder.typicode.com/posts/">
				<Button icon="ios-cloud-upload-outline">选择文件</Button>
			</Upload>
			<div class="ng-div-2">
				请上传身份证（个人）或营业执照（企业）原件照片或扫描件，支持格式.jpg .jpeg .bmp .gif .png，文件名称不可有特殊字符，大小5M以内
			</div>
		</div>
		<div class="ng-div-1" style="position: relative;">
			<label><span style="color: red;">*</span>权利归属证明：</label>
			<Upload 
			:max-size="50*1024*1024"
			:default-file-list="defaultList"
			:on-success="handleSuccess"
			id="file_upload" action="//jsonplaceholder.typicode.com/posts/">
				<Button icon="ios-cloud-upload-outline">选择文件</Button>
			</Upload>
			<!-- <div id="uploader2" style="margin-left:10px"></div> -->
			<div class="ng-div-2">
				请下载并填写模板，签字（个人）或加盖公章（企业）上传，支持格式.jpg .jpeg .bmp .gif .png，文件名称不可有特殊字符，大小5M以内
			</div>
														<a class="xxx" href="http://ent-service.oss-cn-qingdao.aliyuncs.com/saas_directory/%E6%9D%83%E5%88%A9%E5%BD%92%E5%B1%9E%E8%AF%81%E6%98%8E%E6%A8%A1%E6%9D%BF.docx">下载模板</a>
		</div>
		<div class="ng-div-1">
			<label><span style="color: red;">*</span>作品说明书：</label>
			<Upload 
			:max-size="50*1024*1024"
			:default-file-list="defaultList"
			:on-success="handleSuccess"
			id="file_upload" action="//jsonplaceholder.typicode.com/posts/">
				<Button icon="ios-cloud-upload-outline">选择文件</Button>
			</Upload>
			<!-- <div id="uploader3" style="margin-left:10px"></div> -->
			<div class="ng-div-2">
				突出创作目的、创作过程、作品独创性，1000字以内，签字（个人）或加盖公章（企业）上传，标明日期，支持格式.jpg .jpeg .bmp .gif .png，文件名称不可有特殊字符，大小5M以内
			</div>
		</div>
		<div class="ng-div-1" style="position: relative;">
			<label><span style="color: red;">*</span>代理委托书：</label>
			<!-- <div id="uploader4" style="margin-left:10px"></div> -->
			<Upload 
			:max-size="50*1024*1024"
			:default-file-list="defaultList"
			:on-success="handleSuccess"
			id="file_upload" action="//jsonplaceholder.typicode.com/posts/">
				<Button icon="ios-cloud-upload-outline">选择文件</Button>
			</Upload>
			<div class="ng-div-2">
				请下载并填写模板，签字（个人）或加盖公章（企业）上传，支持格式.jpg .jpeg .bmp .gif .png，文件名称不可有特殊字符，大小5M以内
			</div>
														<a class="xxx" href="http://ent-service.oss-cn-qingdao.aliyuncs.com/saas_directory/%E4%BB%A3%E7%90%86%E5%A7%94%E6%89%98%E4%B9%A6%E6%A8%A1%E6%9D%BF.docx">下载模板</a>
		</div>
		<div class="ng-div-1">
			<label>其他材料：</label>
			<Upload 
			:max-size="50*1024*1024"
			:default-file-list="defaultList"
			:on-success="handleSuccess"
			id="file_upload" action="//jsonplaceholder.typicode.com/posts/">
				<Button icon="ios-cloud-upload-outline">选择文件</Button>
			</Upload>
			<!-- <div id="uploader5" style="margin-left:10px"></div> -->
			<div class="ng-div-2">
				没有可不填，文件名称不可有特殊字符，大小5M以内
			</div>
		</div>
		<div class="registerFoot">
			<div class="goHt" @click="backToOneStep">上一步</div>
			<div class="next2" @click="nextToThreeStep">下一步</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				defaultList: [
//                     {
//                         'name': 'a42bdcc1178e62b4694c830f028db5c0',
//                         'url': 'https://o5wwk8baw.qnssl.com/a42bdcc1178e62b4694c830f028db5c0/avatar'
//                    },
				],
			};
		},
		methods: {
			// 第二步到第三步
			nextToThreeStep(){
				//切换顶部的状态
				let statusValue = 'three';
				this.$emit("changestepstatus", statusValue);
			},
			// 返回第一步
			backToOneStep(){
				let statusValue = 'one';
				this.$emit("changestepstatus", statusValue);
			},
			// 文件上传成功
			handleSuccess(){
				
			},
		},
		
		beforeMount: function() {
			// console.log("47")
		},
		mounted: function() {
			// console.log("7777777777")
		},
	}
</script>

<style>
	@import 'agencyAdd.css'
</style>
